<style>
    .themeicon-custom{width: 24px;height: 24px;line-height: 24px;text-align: center;}
    .themeicon-custom.selected:before{color: #1ab394;content: "\f14a";}
    .panel .panel-body{padding-top: 0px;}
    table.table-bordered.dataTable{border: 1px solid #DDDDDD;}
    table.dataTable thead > tr > th{border-top: none!important;}
    #datatable_wrapper{border: none;}
</style>
<div class="row" style="margin: 0px;">
    <!-- <div class="page-title m-l-10">
        <h3 class="title">权限管理 &gt; 用户等级绑定 </h3>
    </div> -->
    <div class="page-title q-tit-change" style="margin:10px"> 
        <a href="/jurisdiction/level">权限管理</a> > 用户等级绑定 
    </div>
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row ">
                    <div class="overflow">
                        <div class="search_litile_tit fl" style="margin-left: 10px;"><span class="tit_diswidth"></span>管理员列表</div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table id="usertable" class="table table-striped table-bordered">
                            <thead>
                            <tr role="row">
                                <th rowspan="1" colspan="1">管理员名称</th>
                                <th rowspan="1" colspan="1">账号</th>
                                <th rowspan="1" colspan="1">等级</th>
                                <th rowspan="1" colspan="1">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row ">
                    <div class="overflow">
                        <div class="search_litile_tit fl" style="margin-left: 10px;"><span class="tit_diswidth"></span>等级列表</div>
                        <div class="fr map-btn" style="display: none;">
                            <button class="btn btn-primary edit-add-btn m-b-5 m-r-10 SaveRelationShip"><i class="fa fa-save"></i> 保存关联</button>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table id="leveltable" class="table table-striped table-bordered">
                            <thead>
                            <tr role="row">
                                <th rowspan="1" colspan="1"></th>
                                <th rowspan="1" colspan="1">等级名称</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 添加菜单 -->
<div id="addMenu" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;" >添加菜单</h4>
            </div>
            <div class="modal-body" style="padding: 0px;">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">菜单名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control ControllerName" placeholder="请输入菜单名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">Code</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control ControllerCode" placeholder="请输入菜单编码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">样式</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control LeftIcon" placeholder="请输入样式编码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">排序</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control Sort" placeholder="请输入排序">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;">
                <div class="pass-msg error m-r-10"></div>
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info btn-sure">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 添加模块 -->
<div id="addAction" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;" >新增模块</h4>
            </div>
            <div class="modal-body" style="padding: 0px;">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">模块名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control ActionName" placeholder="请输入模块名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-3 control-label">Code</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control ActionCode" placeholder="请输入模块编码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;">
                <div class="pass-msg error m-r-10"></div>
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info btn-sure">保存</button>
            </div>
        </div>
    </div>
</div>




<script type="text/javascript">
    seajs.use('jurisdiction/binding');
</script>